/* CSS Document */
/* CSS MOBILE_YUYAN */
@media screen and (max-width: 901px) { body{min-width:auto; max-width:25.6rem; margin:0 auto;}}
@media screen and (min-width: 900px) { body{min-width:1200px;}}
*{margin:0;padding:0;}
img{ border:none;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body{ background:#fff;overflow:scroll;overflow-x:hidden; position:relative; -webkit-text-size-adjust: 100%!important; }
/*去掉点击高光*/
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
li{ list-style:none;}
.content{width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative;}
.content_auto{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.content_auto img{ max-width:100%; height:auto; width:auto;}
/*TOP*/
.header{width:100%; height:2.5rem; background:#2b2b2b; position:relative; }
.header a{transition:0.6s;}
.header .language{ height:2.5rem; float:right; line-height:2.5rem; text-align:center; display:inline-block; padding-left:0.5rem;  position:relative;  transition:0.4s;  cursor:pointer; z-index:1000002; background:url(../images/language_1.png) left center no-repeat; padding-left:40px;}
.header .language h2{ font-size:1rem; color:#c6c6c6; display:inline-block; font-weight:400;  float:left;}
.header .language li{ font-size:1rem; color:#c6c6c6; display:inline-block; font-weight:400;  float:left;}
.header .language li a{ color:#c6c6c6; padding-left:1.2rem; padding-right:1.2rem; transition:all 1.0s; display:block;}
.header .language li:hover a{ color:#fff;}

.header .language .lengguage_two{ position:absolute; top:2.5rem; left:0px; height:auto; background:#f7f7f7; width:8.1rem;  display:none;}
.header .language .lengguage_two li{ line-height:auto; border-bottom:1px solid #f3f3f3;}
.header .language .lengguage_two li a{ display:block; padding-top:0.2rem; padding-bottom:0.2rem;}
.header .language .lengguage_two li a:hover{ color:#0089e1; transition:0.6s; text-decoration:none;}
.header .on{ background:#f7f7f7 !important; } 
.header .on h2{ color:#818181;}

.header .tel{ float:left; line-height:2.5rem; display:none;}
.header .tel h2{  font-size:0.9rem; color:#c6c6c6; display:inline-block; font-weight:400; background:url(../images/tel_1.png) left center no-repeat; padding-left:3rem; background-size:2.5rem}


/*导航*/
.nav_all{width:100%; height:4.5rem; margin:0 auto; position:relative; box-shadow:rgba(204,204,204,0.8) 0px 0px 5px; z-index:1000000;}

.nav_all .logo{ float:left; position:absolute; left:0px; z-index:1; width:10.8rem; height:4.5rem; }
.nav_all .logo a{ padding-top:0.64rem; display:block; padding-left:0.2rem;}
.nav_all .logo img{width:10.8rem; height:3.2rem; }

.nav_all .nav{width:100%; height:auto; margin:0 auto; background:#fff;  text-align:center; position:absolute;  z-index:100000;  box-sizing:border-box; top:4.5rem; overflow:hidden; box-shadow:rgba(204,204,204,0.9) 0px 0px 5px; display:none;}

.nav_all .nav ul{ width: 100%; height:auto;  text-align: center; padding-top:1rem; padding-bottom:1.5rem;}
.nav_all .nav ul li{ width:20rem; line-height:auto; display:inline-block; text-align:center;  float: none;  margin:0 auto; position:relative; }
.nav_all .nav ul li .a1{ width:20rem; padding:0rem; display:inline-block; text-align:center; color:#3d3d3d; text-decoration:none; transition:0.4s; position:relative; overflow:hidden; padding-top:0.6rem; padding-bottom:0.8rem; border-bottom:1px solid #f3f3f3;}
.nav_all .nav ul li:hover .a1{ color:#0089e1; } 

/*滑动效果*/
.nav .a1:after{
	content:'';
	position:absolute;
	bottom:0;left:0%;
	width:0px;
	height:1px;
	background-color:#0089e1;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
	}

.nav li.no .a1:after{width:100%;}
.nav_all .nav ul .a1no .a1:after{ width:100%;}
.nav_all .nav ul .a1no .a1{ color:#0089e1;}

/*下拉菜单-移动端不显示*/
.nav li .nav_two{width:100%; height:auto; background:#fff; position:absolute; top:80px; left:10%; margin-left:-0px;  z-index:1000000;  display:none;}

.nav_all .search{ width:3rem; height:4.5rem; text-align:left; float:left; margin-left:14rem; user-select:none;}
.nav_all .search .icon{width:100%; height:100%; line-height:4.5rem;  cursor:pointer; text-align:center;}
.nav_all .search .icon i{ color:#9a9a9a; font-size:1.8rem;}
.nav_all .search .icon .quit{ display:none;}
/*隐藏的搜索栏*/
.nav_all .search_menu{ width:100%; height:auto; background:#fff; position:absolute; left:0; top:4.5rem; z-index:100000; box-shadow:rgba(204,204,204,0.8) 0px 0px 5px; padding-bottom:1.3rem; display:none;}

.so_right{ width:auto; height:4rem; float:left; margin-left:0px; margin-left:1.3rem; }

.so_right  form	{ padding-top:1.3rem;}
.so_right .keyword		{-webkit-box-flex: 1; width:18rem; height:40px; text-align:left; line-height:40px; overflow:hidden; font-size:1rem; border:none; background:#ffffff; float:left; margin-left:0%; text-indent:6px;  color:#000;  text-indent:8px;  outline: none; border:1px solid #e5e5e5; box-sizing:border-box;}
.so_right .search-btn	{ width:5rem; height:40px;background:#0089e1; float:left; border:none;  cursor:pointer; color:#fff; text-align:center;  line-height:40px; text-align:center;   outline: none; font-size:1.1rem;}

.nav_all .search_menu .so_menu{ width:3rem; height:4.5rem; float:left;  cursor:pointer; text-align:center; background:#fff; user-select:none; display:none;} 
.nav_all .search_menu .so_menu i{ line-height:80px; font-size:30px; color:#9a9a9a;}


.menuBtn{display:block;position:relative;width:4.5rem;height:4.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; float:right; font-size:30px; }
.menuBtn span{display:block;position:absolute;top:50%;margin:0 auto;width:45%;height:2px;border:none;cursor:pointer;color:inherit; left:20%;}

.menuBtn span:after,.menuBtn span:before{display:block;content:"";position:absolute;top:0;left:50%;width:100%;height:100%;-ms-transform:translate(-50%,-.3em);-webkit-transform:translate(-50%,-.3em);transform:translate(-50%,-.3em);-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0}
.menuBtn.open span{background:0 0}
.menuBtn span:after{-webkit-transform:translate(-50%,.3em);-moz-transform:translate(-50%,.3em);-ms-transform:translate(-50%,.3em);-o-transform:translate(-50%,.3em);transform:translate(-50%,.3em)}
.menuBtn.open span:before{-ms-transform:translate(-48%,0) rotate(45deg);-webkit-transform:translate(-48%,0) rotate(45deg);transform:translate(-48%,0) rotate(45deg)}
.menuBtn.open span:after{-ms-transform:translate(-52%,0) rotate(-45deg);-webkit-transform:translate(-52%,0) rotate(-45deg);transform:translate(-52%,0) rotate(-45deg)}

.menuBtn span,.menuBtn span:after,.menuBtn span:before{background-color:#0089e1;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}


/*Banner*/
.banner{ width:100%; height:17rem; overflow:hidden; margin-top:0px;  }
.banner .swiper-container {width: 100%; height: 100%;   margin-left: auto;margin-right: auto;  }
.banner .swiper-slide {text-align: center; font-size: 18px; background: #fff; overflow:hidden; position:relative;}
.banner .swiper-slide img{ width:40rem; height:auto; position:absolute; left:50%; margin-left:-20rem;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fractio{ bottom:1rem;}
.banner .swiper-pagination-bullet{ background:#ccc; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.banner .swiper-pagination-bullet-active{ background:#0089e1;}
.banner .swiper-button-next{  filter:alpha(opacity=0); -moz-opacity:0; opacity:0; right:1rem;}
.banner .swiper-button-next:hover{  filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.banner .swiper-button-prev{  filter:alpha(opacity=0); -moz-opacity:0.4; opacity:0; left:1rem; }
.banner .swiper-button-prev:hover{  filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}

/*推荐产品*/
.home_title{width:23rem; margin:0 auto; text-align:center; overflow:hidden;}
.home_title h2{ font-size:1.5rem; font-weight:400; padding-top:0.5rem; padding-bottom:0px; line-height:2rem;}
.home_title h2 a{ color:#3d3d3d; transition:all 0.6s; display:block;}
.home_title h2 a:active{ text-decoration:none; color:#0089e1;}
.home_title h3{width:92px; height:1px; background:#c8c8c8; margin:0 auto; position:relative; margin-top:1rem;}
.home_title h3:after{
	content:'';
	position:absolute;
	bottom:0;left:50%;
	width:0;
	height:1px;
	background-color:#0089e1;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s
	}

.home_title_h2:active h3:after{left:0px;width:100%;}


.home_product_title{ padding-top:1rem; padding-bottom:1rem;}


.home_product_content{ width:100%; height:25rem; margin:0 auto; overflow:hidden; margin-top:1rem; margin-bottom:0p; padding-bottom:0; }

.home_product_content .swiper-container{width:100%;height:100%;text-align:center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; margin-top:0;}
.home_product_content .swiper-wrapper{width:100%; margin:0 auto; transition-timing-function: linear; margin-top:0px; }

.home_product_content .swiper-slide{ width:auto; overflow:hidden; margin:0 auto;  overflow:hidden; }

.home_product_content .swiper-slide ul{width:23rem; height:22.5rem; overflow:hidden; margin:0 auto; text-align:center; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;  text-align:center;   background:#fff; position:relative;  border:1px solid #eeeeee;   box-sizing:border-box;}
.home_product_content .swiper-slide ul a{ display:block; width:100%; height:100%;}
.home_product_content .swiper-slide ul dd{width:20rem; height:12.24rem; border:1px solid #eeeeee;  margin:0 auto; box-sizing:border-box; margin-top:1.5rem; overflow:hidden;}
.home_product_content .swiper-slide ul dd img{  width:100%;height:100%; transition:0.5s linear 0.1s;}

.home_product_content .swiper-slide ul h2{ font-size:1rem; width:20rem; margin:0 auto; text-align:center; font-weight:300; line-height:3.5rem; height:3.5rem; overflow:hidden; font-size:1rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; color:#727272; transition:all 0.8s; margin-top:0.2rem;}
.home_product_content .swiper-slide ul li{ width:100%; height:3rem; background:url(../images/pro_ck.png) center center no-repeat; margin-top:0.2rem; background-size:2.5rem;}


.home_product_content .swiper-pagination-bullet-active{ background:#0089e1; bottom:0px; }
.home_product_content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}

.home_product_content .swiper-button-next{  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; right:0px;}
.home_product_content .swiper-button-next:hover{  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.home_product_content .swiper-button-prev{  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; left:0px;}
.home_product_content .swiper-button-prev:hover{  filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.home_product_content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width:0.7rem; height:0.7rem; margin-left:0.5rem; margin-right:0.5rem;}

.home_product_content .swiper-slide ul .h3{ color:#333; width:100%; height:5px;font-weight:normal;padding:0px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;line-height:28px;transition:all .3s; z-index:1; background:#e5e5e5; position:absolute; bottom:0px; left:0px;}
.home_product_content .swiper-slide ul .h3:after{content:"";position:absolute;left:0;bottom:0px;width:0;height:5px;background:#0089e1;transition:all .5s;z-index:1;}

.home_product_content .swiper-slide ul a:hover .h3:after{width:100%;}


.home_product_more{width:11rem; height:2.5rem; margin:0 auto; border:1px solid #c9c9c9; box-sizing:border-box; text-align:center; margin-top:1.5rem;position:relative; margin-bottom:1rem;}
.home_product_more a{ line-height:2.5rem; color:#737373; display:block; font-size:1rem;  transition:all .6s; height:2.5rem; position:relative; z-index:2;}
.home_product_more a:hover{ color:#fff; text-decoration:none;}
.home_product_more p{ z-index:2; position:absolute; z-index:2; width:100%; height:100%; text-align:center; font-size:1rem;}

.home_product_more.h3{font-size:16px;color:#333; height:50px;font-weight:normal;padding:0px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;line-height:28px;transition:all .3s; position:relative;}
.home_product_more .h3:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#0089e1;transition:all .5s;z-index:1;}

.home_product_more a:hover .h3:after{width:100%;}



/*解决方案*/
.home_solution_title{ padding-top:1.5rem; padding-bottom:0rem;}
.home_solution{width:100%; height:auto; overflow:hidden; margin:0 auto;}

.home_solution ul{ width:23rem; height:auto;  overflow:hidden; position:relative; margin:0 auto; border-bottom:2px solid #f3f3f3; padding-bottom:1rem; }
.home_solution ul a{ width:100%; height:100%; display:block;}

.home_solution ul dd{ width:100%; height:17.16rem; overflow:hidden; margin-top:1rem;}
.home_solution ul dd img{width:100%; height:17.16rem; transition:0.5s }
.home_solution ul h2{ width:23rem; height:2.5rem; line-height:2.5rem; background:#0089e1;  z-index:100; text-align:center; color:#fff; font-size:1.1rem; font-weight:400; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; }

.home_solution ul p{width:21rem; height:auto; margin:0 auto; line-height:1.8rem; overflow:hidden; z-index:1;  color:#575757; font-size:1rem; font-weight:400; text-align:justify; text-justify:inter-ideograph; padding-top:0.5rem;}
.home_solution ul li{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0px; left:0px; z-index:1; display:none;}
.home_solution ul:hover img{  transform:scale(1.1); }

.home_solution .solution_1 dd{ width:23rem; height:17.16rem;}
.home_solution .solution_1 dd img{ width:auto; height:auto;}

/*新闻中心*/
.home_new_title{ padding-top:2rem; padding-bottom:1rem;}
.home_new{width:100%; height:auto; margin:0 auto; overflow:hidden; padding-top:10px;}

.home_new .left{ width:23rem; height:auto; background:#fff; overflow:hidden; margin:0 auto; box-shadow:#ccc 0px 0px 10px; }
.home_new .left li{ width:23rem; height:auto; overflow:hidden;}
.home_new .left li img{width:100%; height:auto; max-height:23rem; transition:all 1.0s;}
.home_new .left h2{ width:20rem; margin:0 auto; line-height:2rem; height:auto; overflow:hidden; font-size:1rem; color:#666666; font-weight:400; padding-top:0.5rem;}

.home_new .left h3{ width:20rem; margin:0 auto; line-height:2rem; height:auto; overflow:hidden; font-size:1.2rem; color:#282828; font-weight:400; font-weight:800; overflow: hidden; }
.home_new .left p{ width:20rem; height:auto; margin:0 auto; padding-top:1rem; color:#515151; transition:all 1.0s; padding-bottom:2rem;}
.home_new .left a:hover{ text-decoration:none;}
.home_new .left:hover p{ transform:translate(20px,0px);    -webkit-transform:translate(20px,0px);    -moz-transform:translate(20px,0px);    -o-transform:translate(20px,0px);    -ms-transform:translate(20px,0px);}
.home_new .left:hover h3{ color:#0089e1;}
.home_new .left:hover li img{ transform:scale(1.2);}

.home_new .right{width:23rem; height:auto; margin:0 auto; margin-bottom:1rem; margin-top:1.3rem; overflow:hidden; box-shadow:#ccc 0px 0px 10px;}
.home_new .right .title{ width:100%; height:3rem;}
.home_new .right .title h2{ width:13rem; height:3rem; background:#0089e1; text-align:center; line-height:3rem; font-size:1.1rem; font-weight:400; color:#fff;}
.home_new .right .title h2 a{ color:#fff; display:block;transition:all 1.0s;}
.home_new .right .title h2 a:hover{ text-decoration:none; background:#0d71b2;}

.home_new .right .home_new_content{ width:22rem; margin:0 auto; height:27.8rem; overflow:hidden; margin-top:0.5rem; padding-bottom:1rem;}

.home_new_content li{ width:21rem; height:auto; overflow:hidden; margin:0 auto; border-bottom:1px solid #dcdcdc;}
.home_new_content li:nth-child(5){ border-bottom:none;}
.home_new_content li h2{ width:100%; height:2.5rem; line-height:2.5rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; font-size:1.1rem; padding-top:0.6rem;transition:all 1.0s;}
.home_new_content li p{ width:100%; height:1.5rem; line-height:1.5rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; font-size:1rem; color:#b8b8b8; transition:all 1.0s; padding-bottom:1rem;}
.home_new_content li p span{ padding-left:0.5rem; padding-right:0.5rem;}
.home_new_content li a:hover{ text-decoration:none;}
.home_new_content li:hover h2{ color:#0089e1;}
.home_new_content li:hover p{ color:#0089e1;}

/*底部通用*/
.footer_all{ width:100%; background:#10252e; overflow:hidden; margin-top:2rem;}
.footer_all a{ transition:all 1.0s;}
.footer_all a:hover{ text-decoration:none;}
.links{display:none;}


.footer_content{width:23rem;  height:auto; overflow:hidden;  border-bottom:1px solid #2c4550; margin:0 auto; padding-bottom:1.5rem;}
.footer_content .f_logo{width:10rem; height:auto;  padding-top:1rem; margin:0 auto;}
.footer_content .f_logo img{ width:100%; height:auto;}

.footer_content .f_nav{ width:21rem; margin:0 auto; height:auto; padding-top:0.5rem; overflow:hidden; }
.footer_content .f_nav h2{ font-size:1.2rem; line-height:2.5rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; padding-bottom:0.2rem;}
.footer_content .f_nav h2 a{ color:#fff; display:block;}
.footer_content .f_nav li{ font-size:1rem; line-height:2.5rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; float:left;}
.footer_content .f_nav li a{ color:#7e7e7e; display:block; padding-left:1rem; padding-right:1rem;}
.footer_content .f_nav li a:hover{ color:#51caa2;}
.footer_content .f_nav h2 a:hover{ color:#51caa2;}

.footer_content .f_qr{ width:21rem; height:auto; margin:0 auto; padding-top:1rem; text-align:center;}
.footer_content .f_qr h2{ font-size:1.2rem; line-height:2.5rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; padding-bottom:0.5rem;}
.footer_content .f_qr h2 a{ color:#fff; display:block;}
.footer_content .f_qr li{ padding-top:10px;}
.footer_content .f_qr img{ width:7rem; height:7rem;}

.footer_all .footer_bottom{ width:23rem; margin:0 auto; text-align:left; overflow:hidden; padding-top:1rem; padding-bottom:4rem;}
.footer_all .footer_bottom ul{ overflow:hidden;}
.footer_all .footer_bottom ul p{ width:23rem; margin:0 auto;line-height:2rem;  color:#7e7e7e; font-size:1rem; padding-top:0.2rem; padding-bottom:0.2rem;}
.footer_all .footer_bottom ul p a{ color:#7e7e7e; }
.footer_all .footer_bottom ul p a:hover { color:#51caa2;}
.footer_all .footer_bottom ul p i{ float:left; font-size:2rem; display:block; padding-right:0.8rem; color:#51caa2;}
.footer_all .footer_bottom ul .s3 i{ height:4rem;}
.footer_all .footer_bottom dl{ overflow:hidden; }
.footer_all .footer_bottom dl a{ color:#7e7e7e; }
.footer_all .footer_bottom dl a:hover{color:#51caa2;}
.footer_all .footer_bottom dl h1{  line-height:2rem;  color:#7e7e7e; font-size:1rem; font-weight:400;}
.footer_all .footer_bottom dl h2{  line-height:2rem;  color:#7e7e7e; font-size:1rem; font-weight:400;}
.footer_all .footer_bottom dl dd{ line-height:2rem;  color:#7e7e7e; font-size:1rem; font-weight:400;}

.izl-rmenu{position:fixed;right:0%;margin-left:0;bottom:30px;padding-bottom:100px;z-index:9999; display:none;}

.mobile_footer{width:100%; height:3rem; background:#fff; position:fixed; bottom:0px; z-index:999999; box-shadow:#ccc 0px 0px 2px; border-top:0.1rem solid #f3f3f3; }
.mobile_footer ul{ width:6.4rem; height:3rem; float:left; overflow:hidden; text-align:center;  padding-top:0.5rem;}
.mobile_footer ul a{ text-decoration:none;}
.mobile_footer ul li{ list-style:none; width:100%; height:2rem; text-align:center; line-height:2rem; overflow:hidden;}
.mobile_footer ul li i{  font-size:1.5rem; color:#a3a3a3;}
.mobile_footer .s4 li i{ color:#0089e1;}

/*返回顶部*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 3.1rem;
  right:0%;
 
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #0089e1 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; z-index:999;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .8;
}
.no-touch .cd-top:hover {
  background-color: #e7627f ;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 80px;
  }
}
/*banner——min*/
.banner_min{ width:100%; height:7.2rem; overflow:hidden; position:relative; }
.banner_min ul{width: 100%; height: 100%; margin-left: auto; margin-right: auto; position:relative;}
.banner_min img{ width:46rem; height:auto; position:absolute;  left: 50%; margin-left: -23rem; cursor:pointer;}



/*当前位置*/
.location_all{width:100%;  height:auto; overflow:hidden; background:#ebf2fa;}
.location_content{width:100%;  height:auto; overflow:hidden; margin:0 auto; padding-top:0.8rem; padding-bottom:0.8rem;}
.location_left{ width:95%; margin:0 auto; height:auto;  overflow:hidden; line-height:1.8rem; font-size:0.9rem;}
.location_left a{ font-size:0.9rem; color:#a0a0a0;}
.location_left i{ font-size:1rem; float:left; margin-right:0.5rem; color:#0089e1;}
.location_right{ width:100%; min-height:2.5rem; height:auto; overflow:hidden; text-align:right; display:none;}

/*内容导航*/
.content_nav{width:100%; min-height:3rem; margin:0 auto; overflow:hidden; text-align:center; background:#fafafb; padding-top:1rem; padding-bottom:1rem;}
.content_nav ul{ width:auto; height:auto; margin:0 auto; display:table; text-align:center;}
.content_nav a{ width:auto; line-height:3rem; height:3rem; display:inline-block; font-size:1rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; color:#3d3d3d; position:relative; transition:all 0.6s; padding-left:1.5rem; padding-right:1.5rem; text-align:center;}
.content_nav a:hover{  color:#0089e1; text-decoration:none; }
.content_nav a:after
{
	content:'';
	position:absolute;
	bottom:0;left:50%;
	width:0;
	height:2px;
	background-color:#0089e1;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	z-index:1;
}
.content_nav a:hover:after{ width:100%; left:0px;}
.content_nav .no:after{ width:100%; left:0px;}
.content_nav .no{ }
.content_nav .no:hover{  }

/*栏目内容*/
.about_content{ width:24rem; height:auto; margin:0 auto; min-height:50px; padding-top:1rem; padding-bottom:2rem;}
.about_content img{ width:auto; max-width:100%;height:auto; }
.about_content p{font-size:1rem; line-height:1.6rem;}

/*解决方案*/
.solution_content{ width:24rem; height:auto; margin:0 auto; min-height:50px; padding-top:1rem; padding-bottom:2rem;}

/*新闻中心*/
.new_list{ width:100%; height:auto; margin:0 auto; overflow:hidden; }

.new_list ul{ width:23rem; height:auto; overflow:hidden; border:1px solid #e5e5e5; position:relative;transition:all 1.0s; margin:0 auto; margin-top:1.2rem;}
.new_list ul a{ display:block; width:100%; height:100%;}
.new_list ul dd{ width:23rem; height:12.44rem; overflow:hidden; background:#fff url(../images/logo.png) center center no-repeat;transition:all 1.0s; display: table-cell;vertical-align: middle; text-align:center; border-bottom:1px solid #f3f3f3;}
.new_list ul img{ max-width:23rem; width:auto; max-height:12.44rem; height:auto;}  
.new_list ul h2{ width:90%; margin:0 auto; height:3rem; line-height:3rem; font-size:1.1rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand;}
.new_list ul p{ font-size:0.9rem; width:90%; height:3.4rem; margin:0 auto; overflow:hidden; line-height:1.6rem; color:#949494; text-justify:inter-ideograph;}
.new_list ul li{ width:90%; margin:0 auto; line-height:2rem; color:#bababa; font-size:0.9rem; padding-top:0rem; padding-bottom:0.8rem;}
.new_list ul li i{ float:left; font-size:1.2rem; padding-right:1rem;}
.new_list ul a:hover{ text-decoration:none;}
.new_list ul:hover dd img{ transform:scale(1.1); transition:1s linear 0.1s;}
.new_list ul:hover h2{ color:#0089e1;}
.new_list ul:hover{ border:1px solid #0089e1; }
.new_list ul:hover dd{ background:#fff url(../images/logo.png) center center no-repeat;}

/*产品中心*/
.product_list{ width:100%; height:auto; margin:0 auto; overflow:hidden; }

.product_list ul{width:23rem; height:22.5rem; overflow:hidden; margin:0 auto; text-align:center; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;  text-align:center;   background:#fff; position:relative;  border:1px solid #eeeeee;   box-sizing:border-box; margin-top:1.2rem;}
.product_list ul a{ display:block; width:100%; height:100%;}
.product_list ul dd{width:20rem; height:12.24rem; border:1px solid #eeeeee;  margin:0 auto; box-sizing:border-box; margin-top:1.5rem; overflow:hidden;}
.product_list ul dd img{  width:100%;height:100%; transition:0.5s linear 0.1s;}

.product_list ul h2{ font-size:1rem; width:20rem; margin:0 auto; text-align:center; font-weight:300; line-height:3.5rem; height:3.5rem; overflow:hidden; font-size:1rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; color:#727272; transition:all 0.8s; margin-top:0.2rem;}
.product_list ul li{ width:100%; height:3rem; background:url(../images/pro_ck.png) center center no-repeat; margin-top:0.2rem; background-size:2.5rem;}

.product_list ul .h3{ color:#333; width:100%; height:3px;font-weight:normal;padding:0px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;line-height:28px;transition:all .3s; z-index:1; background:#e5e5e5; position:absolute; bottom:0px; left:0px;}
.product_list ul .h3:after{content:"";position:absolute;left:0;bottom:0px;width:0;height:5px;background:#0089e1;transition:all .5s;z-index:1;}

.product_list ul a:hover .h3:after{width:100%;}

/* 荣誉资质 */
.honor_list ul {width:11rem;float:left; height:auto; margin-left:1.2rem;margin-top:1.2rem;text-align:center; background:#f2f2f2;border-bottom:3px solid #e8e8e8;position:relative; padding-top:0.5rem; }
.honor_list ul .pImg{display:block;width:10rem;height:13.48rem; background:#fff;display: table-cell;vertical-align: middle; }
.honor_list ul img{width:10rem; height:auto; max-height:13.48rem; vertical-align: middle;}

.honor_list ul:before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.honor_list ul:hover:before{width:100%;background:#0089e1;transition:all 0.5s;}

.honor_list ul p{ width:90%; margin:0 auto;height:2.5rem;line-height:2.5rem; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;transition:all 1.0s; font-size:0.9rem;}

.honor_list ul:hover a{ text-decoration:none;}
.honor_list ul:hover p{ color:#0089e1;}


/*下载中心*/

.new_list .download_list{ height:auto;}
.new_list .download_list p{ font-size:0.9rem; width:92%; height:auto; margin:0 auto; overflow:hidden; line-height:1.6rem; color:#949494; text-justify:inter-ideograph; padding-bottom:1rem;}
.new_list .download_list p i{ font-size:25px; float:left; margin-left:0px; margin-right:10px;}
.new_list .download_list:hover p{ color:#5eaaff; }

/*合作伙伴*/
.hezuo_list{ width:100%; height:auto; margin:0 auto; overflow:hidden; }

.hezuo_list ul {width:11rem;float:left; height:auto; margin-left:1.2rem;margin-top:1rem;text-align:center; background:#f2f2f2;border-bottom:3px solid #e8e8e8;position:relative;}
.hezuo_list ul .pImg{display:block;width:11rem;height:5.28rem; background:#fff;display: table-cell;vertical-align: middle; margin-top:1rem;}

.hezuo_list ul img{width:11rem; height:auto; max-height:5.28rem; vertical-align: middle;}

.hezuo_list ul:before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}

.hezuo_list ul:hover:before{width:100%;background:#108ede;transition:all 1s;}

.hezuo_list ul h2{ width:85%; margin:0 auto;height:2rem;line-height:2rem; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;transition:all 1.0s; text-align:center; font-size:0.9rem; font-weight:400;}


.hezuo_list ul:hover a{ text-decoration:none;}
.hezuo_list ul:hover p{ color:#108ede;}
.hezuo_list ul:hover h2{color:#108ede;}

/*翻页样式*/
#fenye{width: 100%;height: auto;display: inline-block;text-align: center;margin-top:2rem;margin-bottom:0rem;}
#fenye li{padding: 0;list-style: none;}

#fenye .pagination .active a{background: #0089e1;color: #fff; }
#fenye .pagination .disabled span{color: #ccc;}
.pagination{padding-left: 0;margin: 0px 0;border-radius: 4px;display: inline-block;text-align: center;}
.pagination>li>a, .pagination>li>span{position: relative;float: left;padding: 0.4rem 0.8rem;line-height: 1.42857;text-decoration: none;color: #595757;background-color: #fff;border: 1px solid #ddd;margin-left: -1px; font-size:0.8rem;}
.pagination>li{display: inline;}
.pagination>li a:hover{ background:#0089e1; color:#fff;}

/*联系我们*/
.contact_content{width:100%; height:auto; margin:0 auto; padding-top:1rem; padding-bottom:1rem; overflow:hidden; }
.contact_content .left{ width:23rem; margin:0 auto; height:auto; overflow:hidden;}
.contact_content .left ul{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #f3f3f3; padding-bottom:30px;}
.contact_content .left ul h2{ font-size:1.2rem; line-height:2rem; padding-bottom:0.5rem; padding-bottom:0.5rem;}
.contact_content .left ul li{ font-size:1rem; line-height:1.8rem; padding-left:0rem; margin-bottom:1rem; margin-top:0.5rem; text-justify:inter-ideograph; color:#333; display:block;}
.contact_content .left ul li strong{ color:#5eaaff; padding-right:0.5rem; float:left;}

.contact_content .left ul li p{ float:left; width:auto; height:100%;  min-height:4rem; height:auto;display:inline-table;}

.contact_content .left ul li a{ color:#333;}
.contact_content .left ul li i{ float:left; line-height:1.8rem; font-size:1.4rem; padding-right:0.8rem; color:#5eaaff;}
.contact_content .left ul li dd { float:left; display:block;}
.contact_content .left ul li dd img{ display:block; float:left; width:8rem; height:8rem;}

.contact_content .left .face{ width:100%; height:auto; float:left; text-align:left; margin-top:1rem; margin-right:0;}
.contact_content .left .face h2{font-size:1.2rem; line-height:2rem; padding-bottom:1rem;}
.contact_content .left .face a{ width:36px; height:36px; float:left; border-radius:50%;overflow:hidden;border:2px solid #f4efec;margin-left:1rem; margin-right:1.5rem;}
.contact_content .left .face a img{ width:36px; height:36px;  }
.contact_content .left .face a:hover{ border:2px solid #bfbfbf;transition:all 0.5s;}

.contact_content .right{ width:23rem; height:20rem; float:right; background:#f3f3f3; overflow:hidden; display:none;}
.contact_content .mobile_liuyan{ width:23rem; margin:0 auto; text-align:center; overflow:hidden; margin-top:2rem;}
.contact_content .mobile_liuyan a{ width:14rem; height:2.5rem; line-height:2.5rem; background:#2c2c2c; display:inline-table; color:#ffffff; font-size:0.95rem; float:left; margin-left:1rem;}
/*地图*/
.map{ width:23rem; height:25rem; overflow:hidden; position:relative; background:#f3f3f3; margin:0 auto; border-radius:0; margin-top:2rem; margin-bottom:1rem;}
.map #map{ width:100%; height:100%;}
.more_map{ width:100%; height:auto; text-align:center; margin:0 auto; margin-top:1.5rem; overflow:hidden;}
.more_map a{ width:10rem; height:2.5rem; line-height:2.5rem; background:#2c2c2c; display:inline-table; color:#ffffff; font-size:0.95rem;}
.more_map a:hover{ background:#5eaaff;}

.liuyan_content .mobile_liuyan{ width:23rem; margin:0 auto; text-align:center; overflow:hidden; margin-top:2rem; margin-bottom:2rem;}
.liuyan_content .mobile_liuyan iframe{ display:none;}
.liuyan_content .mobile_liuyan a{ width:10rem; height:2.5rem; line-height:2.5rem; background:#2c2c2c; display:inline-table; color:#ffffff; font-size:0.95rem;  margin-left:1rem;}

/*新闻内容*/
.new_content_all{ padding-bottom:0rem;}
.new_content_title{ width:24rem; margin:0 auto; height:auto; overflow:hidden; text-align:center; line-height:2.1rem; padding-top:2rem; }
.new_content_title h2{ font-size:1.5rem;}


.shebeizhanshi_xinxi{ width:23rem; margin:0 auto; height:auto; overflow:hidden; text-align:center; line-height:1.8rem; padding-top:0.5rem; border-bottom:2px solid #f3f3f3; padding-bottom:0.5rem; border-top:2px solid #f3f3f3; margin-top:1.6rem;}
.shebeizhanshi_xinxi p{ font-size:1rem; color:#5e5e5e; display:inline-block; margin-left:0.5rem; margin-right:0.5rem;}
.shebeizhanshi_xinxi p strong{ color:#333; font-size:1.1rem;}

.new_content_time{ width:23rem; margin:0 auto; height:auto; overflow:hidden; text-align:center; line-height:1.8rem; padding-top:1rem; border-bottom:2px solid #f3f3f3; padding-bottom:1.5rem;}
.new_content_time p{ font-size:14px; color:#8f8f8f; display:inline-block;}
.new_content_time p span{ padding-left:1rem; display:block;}


.new_content { width: 23rem; margin:0 auto; min-height:10rem;background:none; overflow:hidden; padding-top:1.5rem; padding-bottom:1rem; font-size:0.9rem; line-height:1.8rem; color:#333; text-justify:inter-ideograph;}
.new_content p{ line-height:1.8rem; color:#333; font-size:1rem;}
.new_content img{ max-width:100%; width:auto; height:auto;}

.neirong_next1					{font-size:16px; font-family:"微软雅黑";color:#3f3f3f; line-height:30px; width:23rem; height:auto; margin:0 auto; overflow:hidden; border-top:2px solid #ededed; padding-top:20px; border-bottom:2px solid #f3f3f3; padding-bottom:1rem; margin-top:1rem; margin-bottom:1.5rem;}
.neirong_next1 p				{ width:100%; float:left; overflow:hidden; line-height:3rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand;}
.neirong_next1 p i{ font-size:1rem; float:left; padding-right:0.5rem;}
.neirong_next1 p.np1			{ text-align:right; }
.neirong_next1 p.np1 i{ float:right;padding-left:10px;}
.neirong_next1 p span			{ margin-left:0px;}
.neirong_next1 p span a			{font-size:0.9rem; font-family:"微软雅黑";color:#333333; line-height:2rem; text-decoration:none;}
.neirong_next1 p span a:hover	{ color:#d3382d; text-decoration:underline;}

/*产品内容*/
.product-top{ display:none;}
/*放大镜结束*/
.product_content_top{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:2rem;}
.product_content_top .left{ width:25rem; height:16rem; margin:0 auto; overflow:hidden; }

.product_content_list{width:25rem; height:auto; margin:0 auto; overflow:hidden; }

.product_content_list .swiper-container{width:100%;height:100%;text-align:center; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; margin-top:0;}
.product_content_list .swiper-wrapper{width:100%; margin:0 auto; }
.product_content_list .swiper-slide{ width:auto; overflow:hidden; margin:0 auto;}

.product_content_list .swiper-slide ul{width:20rem; height:15rem; overflow:hidden; margin:0 auto; text-align:center; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;  text-align:center; background:#fff; margin-top:0px;  float:left; overflow:hidden; margin-left:2.5rem;}

.product_content_list .swiper-slide ul img{  width:100%;height:100%;}
.product_content_list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fractio{ bottom:20px;}
.product_content_list .swiper-pagination-bullet{ background:#ccc; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.product_content_list .swiper-pagination-bullet-active{ background:#3f3f73;}
.product_content_list .swiper-button-next{  filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; right:0px; }
.product_content_list .swiper-button-next:hover{  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.product_content_list .swiper-button-prev{  filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; left:0px;}
.product_content_list .swiper-button-prev:hover{  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.product_content_top .right{ width:24rem; height:auto; margin:0 auto; overflow:hidden; }
.product_content_top .right h2{ font-size:1.4rem; font-weight:300; border-bottom:1px  dashed #ccc; line-height:3rem;  color:#0089e1; height:auto; overflow:hidden; padding-bottom:1.5rem; text-align:center;}
.product_content_top .right h2 a{ color:#333;}
.product_content_top .right h2 a:hover{ color:#0089e1;}
.product_content_top .right h3{ font-size:1.2rem; font-weight:300; border-bottom:1px  dashed #ccc; line-height:3rem; padding-top:1rem; padding-bottom:1rem; text-align:center; overflow:hidden;}
.product_content_top .right h4{ font-size:1.2rem; font-weight:300; border-bottom:1px  dashed #ccc; line-height:3rem; padding-top:1rem; padding-bottom:1rem; overflow:hidden;}
.product_content_top .right h4 a{ width:150px; height:35px; display:block; background:#0089e1; margin:0 auto; line-height:35px; text-align:center; color:#fff; border-radius:20px; margin-top:0rem; font-size:1rem; margin-top:0.5rem; margin-bottom:0.5rem;}
.product_content_top .right h4 a i{ padding-left:10px;}

.product_content_top .right .lx{ width:24rem; font-size:0.9rem; font-weight:300; line-height:2rem;  height:auto; color:#6c6c6c; overflow-y:scroll; overflow:hidden; }
.product_content_top .right .lx p{ font-size:1rem; padding-top:1rem; color:#575757; padding-bottom:1rem; padding-left:0.5rem;}
.product_content_top .right .lx p span{ color:#0089e1;}

.product_content{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:0.5rem;}
.product_content .tab{ width:100%; height:3.5rem; line-height:3.5rem; background:#f3f3f3;}
.product_content .tab ul li{ width:100%; text-align:left; cursor:pointer; font-size:1.2rem; list-style:none; float:left; margin:0px; line-height:3.5rem; }
.product_content .tab ul li i{ font-size:1.4rem; float:left; margin-left:2rem; color:#666; margin-right:2rem;}

.product_content .tabbox { width:100%; height:auto; margin:0 auto; overflow:hidden; }
.product_content .tabbox .boxlist {display: none; width: 23rem; margin:0 auto; min-height:10rem;background:none; overflow:hidden; padding-top:1rem; padding-bottom:1rem; font-size:0.9rem; line-height:1.8rem; color:#333; text-align:justify; text-justify:inter-ideograph;}
.product_content .tabbox .boxlist p{ line-height:1.8rem; color:#333; font-size:1rem;}
.product_content .tabbox .boxlist img{ width:auto; max-width:100%; height:auto;}
.product_content .tab ul .active {color:#fff;background: #0089e1;}
.product_content .tab ul .active i{ color:#fff;}



.neirong_next1					{font-size:16px; font-family:"微软雅黑";color:#3f3f3f; line-height:30px; width:23rem; height:auto; margin:0 auto; overflow:hidden; border-top:2px solid #ededed; padding-top:20px; border-bottom:2px solid #f3f3f3; padding-bottom:1rem; margin-top:1rem; margin-bottom:0.5rem;}
.neirong_next1 p				{ width:100%; float:left; overflow:hidden; line-height:3rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;course:hand;}
.neirong_next1 p i{ font-size:1rem; float:left; padding-right:0.5rem;}
.neirong_next1 p.np1			{ text-align:right; }
.neirong_next1 p.np1 i{ float:right;padding-left:10px;}
.neirong_next1 p span			{ margin-left:0px;}
.neirong_next1 p span a			{font-size:0.9rem; font-family:"微软雅黑";color:#333333; line-height:2rem; text-decoration:none;}
.neirong_next1 p span a:hover	{ color:#0089e1; text-decoration:underline;}